<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function doContent(){
                var mydiv=document.querySelector("#mydiv");
                // DOM对象.innerHTML,取值的时候可以将标签名同时取出来
                // console.log(mydiv.innerHTML);

                //DOM对象.innerText,取出的是纯文本，不识别标签
                // console.log(mydiv.innerText);

                //DOM对象.innerHTML=值，如果值中有标签，会解析标签
                // DOM对象.innerText=值,不识别标签，将标签当成了纯文本
                // mydiv.innerHTML="<p>哈哈哈哈</p>";
                mydiv.innerText="<p>哈哈哈哈</p>";
            }
            function doContent2(){
                var mydiv2=document.querySelector("#mydiv2");
                // DOM对象.innerHTML，取值的时候可以将标签名同时取出来
                console.log(mydiv2.innerHTML);

                //DOM对象.innerText，取出的是纯文本，不识别标签
                console.log(mydiv2.innerText);
            }
        </script>
    </head>
    <body>
        <input type="button" value="获取div中的内容" onclick="doContent()">
        <input type="button" value="获取div中的内容" onclick="doContent2()">
        <div id="mydiv">mydiv</div>
        <div id="mydiv2">
            <h2>我是h2</h2>
        </div>
    </body>
</html>